<!-- 页面 -->
<template>
    <div class="tou">
        <div class="shou1">
            <p>{{toto}}</p>
            <van-field left-icon="search" input-align="center" v-model="input" class="inp" placeholder="搜索" @click="sou()"  readonly />
        </div>
    </div>
</template>
<!-- vue -->
<script>
export default {
    props: [
        "toto"
    ],
    data() {
        return {
            // 声明的属性
            input:'',

        }
    },
    //生命周期函数
    mounted() {
    },
    // 调用方法
    methods: {
        sou(){
            this.$router.push('/sou')
        }
    },
    // 监听器
    watch: {
    },
    // 计算属性
    computed: {
    },
    // 过滤器
    filters: {
    },
    // 自定义指令
    directives: {
    }
}
</script>
<!-- css样式 -->
<style>
.tou .shou1 {
    width: 100%;
    height: 120px;
    background: red;
}

.tou .shou1 p {
    color: white;
    text-align: center;
    padding-top: 30px;
}

.tou .inp {
    text-align: center;
    width: 80%;
    height: 40px;
    margin: auto;
}
</style>